<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定制旅游</title>
    <link href="../css/travel/formulate_travel.css" rel="stylesheet">
    <link rel="stylesheet" href="../dist/layui/css/layui.css">
    <script src="../js/formulate_travel/formulate_travel.js"></script>
</head>
<body>
<!--===================1.头部导航 nav=================-->
<div class="head-nav">
    <div class="nav-item">
        <div class="item-logo">
            <a href="#"></a>
        </div>
        <ul class="item-lists">
            <li class="list-index"><a href="#">首页</a></li>
            <li class="list-item"><a href="destination_index.html">目的地</a></li>
            <li class="list-item"><a href="#">自由行</a></li>
            <li class="list-item"><a href="#">旅游定制</a></li>
            <li class="list-item"><a href="#">游记社区</a></li>
        </ul>
        <div class="nav-login">
            <a href="customer/login.html">
                <i class="login-logo"></i>
                <span class="login-title">登录</span>
            </a>
            <a href="customer/register.html">
                <i class="register-logo"></i>
                <span class="login-title">注册</span>
            </a>
        </div>
    </div>
</div>
<!--===================2.主体=================-->
<div class="main">
    <div class="main-info">
        <!--进度条-->
        <div class="info-ProgressBar">
            <h1>定制旅游</h1>
        </div>
        <!--出游基本信息-->
        <div class="info-details">
            <div class="info-details-title">
                <i class="one"></i><h3>出游基本信息</h3>
            </div>
            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="departure" lay-verify="title" autocomplete="off" class="layui-input" placeholder="出发地">
                </div>
            </div>
            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="destination" lay-verify="identity" placeholder="目的地" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="date" id="startDate" autocomplete="off" class="layui-input" placeholder="出行日期">
                </div>
            </div>
            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="date" id="endDate" autocomplete="off" class="layui-input" placeholder="返程日期">
                </div>
            </div>
        </div>
        <!--出行人数及预算-->
        <div class="info-details">
            <div class="info-details-title">
                <i class="two"></i><h3>出行人数及预算</h3>
            </div>

            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="adultNumber" lay-verify="title" autocomplete="off" class="layui-input" placeholder="成人数">
                    <span>位</span>
                    </div>
            </div>
            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="childNumber" lay-verify="title" autocomplete="off" class="layui-input" placeholder="儿童数">
                    <span>位</span>
                </div>
            </div>
            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="budget" lay-verify="title" autocomplete="off" class="layui-input" placeholder="人均预算（选填）">
                    <span>元</span>
                </div>
            </div>
        </div>
        <!--联系人信息-->
        <div class="info-details">
            <div class="info-details-title">
                <i class="three"></i><h3>联系人信息</h3>
            </div>

            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="name" lay-verify="title" autocomplete="off" class="layui-input" placeholder="姓名">
                </div>
            </div>

            <div class="layui-inline input">
                <div class="layui-input-block">
                    <input type="text" name="phone" lay-verify="title" autocomplete="off" class="layui-input" placeholder="手机号码">
                </div>
            </div>
        </div>
        <!--商品景点信息-->
        <div class="pro-info">
            <div class="pro-main-img" >
                <img src="../images/submit_order/zhizuoxiaotu.png">
            </div>
            <div class="pro-details" >
                <h2>
                    <a>旅游定制</a>
                </h2>
                <ul>
                    <li>
                        <p>
                            <b>出行天数</b>
                            <em>0</em>
                            <span>天</span>
                        </p>
                        <p>
                            <b>出行日期</b>
                            <i>请选择</i>
                        </p>
                        <p>
                            <b>出行人数</b>
                            <span>成人</span>
                            <em>0</em>
                            <span>儿童</span>
                            <em>0</em>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!--订单提交信息-->
        <div class="submit-order-btn">
            <div class="order-btn">
                提交需求
            </div>
        </div>
    </div>
</div>
<!--===================3.底部=================-->
<div class="footer">

</div>
<script src="../dist/layui/layui.js" charset="utf-8"></script>
</body>
</html>